<template>
  <div class="app-container">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="认证业务流水" name="first">
        <approve-river :platform-id="platformId" :active-name="activeName" />
      </el-tab-pane>
      <el-tab-pane label="鉴权业务流水" name="second">
        <power-river :platform-id="platformId" :active-name="activeName" />
      </el-tab-pane>
      <el-tab-pane label="计费业务流水" name="third">
        <pay-river :platform-id="platformId" :active-name="activeName" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import approveRiver from './components/approve.vue'
import powerRiver from './components/power.vue'
import payRiver from './components/pay.vue'
export default {
  components: {
    approveRiver: approveRiver,
    powerRiver: powerRiver,
    payRiver: payRiver
  },
  data() {
    return {
      activeName: 'first',
      platformId: ''
    }
  },
  watch: {
    $route(to, from) {
      /* this.find = this.$route.meta.powerName + '-search' // 搜索权限按钮
      this.point = this.$route.meta.powerName + '-integral' // 积分权限按钮
      this.connects = this.$route.meta.powerName + '-platform' // 关联平台
      this.general = this.$route.meta.powerName + '-general' // 关联平台
      this.watchs = this.$route.meta.powerName + '-find' // 查看权限按钮
      this.person = '' // 身份标识重置
      this.platMount = '' // 平台账号
      this.accountValue = '' // 状态
      this.startDate = ''
      this.endDate = ''
      this.pageid = 1
      this.pagecount = 20
      this.param.userCenterId = ''
      this.param.userId = ''
      this.param.bindingStatus = ''
      this.param.starttime = ''
      this.param.endtime = '' */
      var len = this.$route.meta.platformId.indexOf('-')
      this.platformId = this.$route.meta.platformId.substr(len + 1)
      console.log(this.platformId)
    }
  },
  mounted() {
    /* // 获取页面初加载请求
    this.find = this.$route.meta.powerName + '-search' // 搜索权限按钮
    this.point = this.$route.meta.powerName + '-integral' // 积分权限按钮
    this.connects = this.$route.meta.powerName + '-platform' // 关联平台
    this.general = this.$route.meta.powerName + '-general' // 关联平台
    // this.integral = this.$route.meta.powerName + '-point' // 积分权限按钮
    this.watchs = this.$route.meta.powerName + '-find' // 查看权限按钮 */
    var len = this.$route.meta.platformId.indexOf('-')
    this.platformId = this.$route.meta.platformId.substr(len + 1)
    console.log(this.platformId)
    console.log('请求参数')
  },
  methods: {
    handleClick(val) {
    }
  }
}
</script>

<style scoped>
</style>
